/*通用类*/



h1,

h2,

h3 {

    font-weight: 500;

}



img {

    border: none;

}



a {

    cursor: pointer;

    color: #333;

    text-decoration: none !important;

    outline: none !important;

}



ul {

    list-style-type: none;

    margin: 0;

}



dl {

    margin: 0;

    padding: 0;

}



.m {

    /* width: 1200px; */

    margin: 0 auto;

}



.clear {

    clear: both;

}





/*我们能为你带来什么*/



.do {

    margin: 60px auto;

    margin-top: 0;

}



.do-title {

    text-align: center;

}



.do-title-english {

    font-size: 32px;

    font-weight: bold;

    line-height: 40px;

    color: #1a1a1a;

}



.do-title-chinese {

    font-weight: bold;

    line-height: 30px;

    font-size: 22px;

}



.do-list {

    margin: 40px auto;

    width: 100%;

}



.do-list li {

    float: left;

    width: 47%;

    margin: 15px 1%;

    border: 1px solid #dfdfdf;

    height: 140px;

    position: relative;

    display: flex;

    margin-top: 0;

}



.do-list li img {

    height: 50px;

    margin: 30px 20px 10px;

}



huoban.jpg {

    font-weight: bold;

    line-height: 5px;

    margin: 0px 20px;

}



.do-list li p {

    font-size: 14px;

    color: #999;

    /* margin: 0px 20px;

} */

}



.do-line {

    border-top: 2px solid #dfdfdf;

    position: absolute;

    bottom: 20px;

    margin: 0px auto!important;

    width: 75%;

    left: 0px;

    right: 0px;

}



.do-list li:hover .do-line {

    border-top: 2px solid #00a9ff;

}



.do-list li:hover p {

    color: #666;

}





/**/



.we {

    margin: 50px auto;

    width: 100%;

}



.we img {

    width: 100%;

}



.how {

    display: flex;

    position: relative;

    height: 450px;

}



.how-left {

    background: #00a9ff;

    width: 350px;

    height: 550px;

    margin-top: -240px;

    overflow: hidden;

}



.how-left p {

    color: #fff;

}



.how-title {

    font-size: 30px;

    font-weight: bold;

    line-height: 40px;

    margin: 0px 30px;

}



.how-left div {

    width: 35px;

    height: 3px;

    background: #fff;

    margin: 50px 35px;

}



.how-con {

    margin: 0px 30px;

    line-height: 30px;

    font-size: 15px;

}



.how-left img {

    position: absolute;

    left: -20px;

    bottom: 100px;

    width: 220px;

}



.how-right {

    position: absolute;

    right: 10px;

    width: 760px;

    margin-top: 50px;

}



.how-right p {

    margin-top: 20px;

    line-height: 30px;

    text-indent: 2em;

    color: #666;

    font-size: 14px;

}



.how-right a {

    display: block;

    margin: 50px 0px;

    float: right;

    background: #f86400;

    color: #fff;

    width: 150px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    font-size: 14px;

}



.how-right a span {

    margin-left: 15px;

    font-size: 16px;

}





/*优势，专业为你*/



.ad {

    width: 100%;

    height: 660px;

    background: url(../images/ad.jpg) no-repeat;

    background-size: 100% 100%;

}



.advantage {

    padding: 25px 0px;

}



.advantage ul {

    display: flex;

    align-items: center;

    margin-top: 60px;

}



.advantage ul li {

    width: 25%;

    border-radius: 5px;

    height: 460px;

    background: #fff;

    text-align: center;

    border: 1px solid #fef0e7;

    cursor: pointer;

}



.advantage ul li img {

    margin: 60px auto;

}



.ad-img2 {

    display: none;

}



.advantage ul li div {

    text-align: center;

    color: #000;

    margin-bottom: 30px;

}



.advantage ul li p {

    margin: 0px 20px;

    font-size: 14px;

    line-height: 25px;

    text-align: left;

    color: #666;

}



.advantage ul li:hover {

    background: #f86400;

    border: 1px solid #f86400;

}



.advantage ul li:hover .ad-img2 {

    display: block;

}



.advantage ul li:hover .ad-img1 {

    display: none;

}



.advantage ul li:hover div,

.advantage ul li:hover p {

    color: #fff;

}





/*合作伙伴*/



.partner {

    margin: 60px auto;

}



.swiper-container2 {

    width: 1005;

    overflow: hidden;

    position: relative;

    margin: 30px auto;

}





/*人才外包*/



.index-per {

    display: flex;

    align-items: center;

    margin: 35px auto;

    font-size: 14px;

}



.index-per img {

    width: 15px;

    margin-right: 10px;

}



.index-per span {

    margin: 0px 5px;

}



.tab-list {

    display: flex;

    align-items: center;

    margin: 30px auto 0px;

}



.tab-list li {

    margin: 30px 85px 0px 0px;

    padding-bottom: 25px;

    border-bottom: 2px solid #fff;

    cursor: pointer;

    width: 100px;

    text-align: center;

    height: 25px;

    line-height: 25px;

    font-size: 14px;

}



.tab-list li:hover {

    border-bottom: 2px solid #F86400

}



.tab-list li div {

    width: 0;

    height: 0;

    border: 8px solid transparent;

    border-top-color: #F86400;

    margin-left: 40px;

}



.bor {

    border-bottom: 2px solid #F86400!important;

}



.xuan {

    background: #F86400;

    color: #fff;

    width: 100%;

    height: 100%;

    display: inline-block;

}



.tab-line {

    width: 100%;

    border-top: 1px solid #999;

}



.per-con {

    margin: 90px auto;

    border: 1px solid #dfdfdf;

    display: flex;

    align-items: center;

    position: relative;

    height: 450px;

}



.per-left {

    width: 570px;

}



.per-left div,

.per-left p {

    margin: 0px 65px 0px 30px;

}



.per-english {

    font-size: 20px;

    line-height: 40px;

}



.per-chinese {

    font-size: 20px;

    color: #000;

    font-weight: bold;

    line-height: 40px;

}



.per-line {

    border-top: 1px solid #F86400;

    width: 100px;

    margin: 10px 40px 50px!important;

}



.per-left p {

    text-indent: 2em;

    font-size: 14px;

    line-height: 30px;

}



.per-right {

    width: 620px;

    position: absolute;

    right: 0px;

    top: 0px;

}



.per-right img {

    width: 600px;

    margin-top: 23px;

    position: absolute;

    right: 20px;

}



.per-right div {

    width: 450px;

    height: 450px;

    background: #F86400;

    position: absolute;

    right: 0px;

    top: 0px;

}





/*业务优势*/



.adv {

    margin: 60px auto;

}



.adv-con {

    display: flex;

    align-items: center;

    height: 575px;

    margin: 50px auto;

}



.adv-left {

    width: 50%;

    position: relative;

    height: 100%;

}



.adv-left img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.adv-left div {

    position: absolute;

    left: 30px;

    color: #fff;

}



.adv-line {

    top: 30px;

    width: 50px;

    height: 5px;

    background: #fff;

}



.adv-eng {

    top: 50px;

    font-size: 24px;

}



.adv-left p {

    position: absolute;

    bottom: 0px;

    color: #fff;

    left: 0px;

    height: 50px;

    color: #fff;

    background: #F86400;

    width: 100%;

    text-align: center;

    line-height: 50px;

    font-weight: bold;

    font-size: 18px;

}



.adv-right {

    width: 50%;

    background: #000;

    height: 100%;

}



.adv-right li {

    display: flex;

    margin: 50px;

    color: #fff;

    position: relative;

    height: 125px

}



.adv-right-line {

    border-top: 3px solid #F86400;

    width: 35px;

    margin-bottom: 30px;

}



.adv-right div img {

    width: 60px;

}



.advright-right {

    width: 78%;

    position: absolute;

    right: 0px;

    border-bottom: 1px dotted #fff;

    height: 100%;

}



.advright-right div {

    font-weight: bold;

    font-size: 18px;

    margin-bottom: 15px;

}



.advright-right p {

    font-size: 14px;

    line-height: 25px;

}





/*灵活用工页面*/



.service {

    margin: 60px auto;

}



.service-left {

    float: left;

    width: 460px;

}



.service-left div {

    position: relative;

    margin: 30px 0px 0px;

}



.service-left div img {

    width: 100%;

    height: 245px;

    object-fit: cover;

}



.service-left div p {

    width: 100%;

    height: 50px;

    line-height: 50px;

    text-align: center;

    font-size: 20px;

    font-weight: bold;

    background: #F86400;

    color: #fff;

    position: absolute;

    bottom: 0px;

}



.service-left div p span {

    font-size: 16px;

    font-weight: 400;

}



.service-right {

    width: 700px;

    float: right;

    margin-top: 30px;

    position: relative;

    height: 525px;

}



.service-right img {

    width: 100%;

    height: 100%;

}



.service-right p {

    position: absolute;

    width: 500px;

    margin: auto;

    left: 0px;

    right: 0px;

    bottom: 200px;

    color: #fff;

    font-size: 18px;

    line-height: 40px;

    font-weight: bold;

}





/*服务价值*/



.value {

    margin: 60px auto;

}



.value ul {

    margin: 40px auto;

    display: flex;

    align-items: center;

}



.value ul li {

    width: 24%;

    margin: 0px 0.5%;

    color: #fff;

    height: 90px;

    line-height: 90px;

    text-align: center;

    font-weight: bold;

}



.value ul li:nth-child(odd) {

    background: #f86400;

}



.value ul li:nth-child(even) {

    background: #f89d32;

}





/*工资社保页面*/



.area {

    margin: 60px auto;

}



.area-con {

    margin: 40px auto;

}



.area-left {

    float: left;

    width: 580px;

    height: 510px;

    position: relative;

}



.area-left img,

.area-right img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.area-left div {

    position: absolute;

    top: 100px;

    color: #fff;

    width: 250px;

    margin: auto;

    left: 0px;

    right: 0px;

}



.area-left div p {

    font-size: 20px;

    font-weight: bold;

}



.area-left div ul {

    margin-top: 80px;

}



.area-left div li {

    list-style: curcle;

    font-weight: bold;

    line-height: 40px;

}



.area-left div li span {

    margin-right: 10px;

}



.area-right {

    float: right;

    width: 580px;

    height: 510px;

    position: relative;

}



.area-right p {

    position: absolute;

    width: 100%;

    bottom: 0px;

    color: #fff;

    font-size: 18px;

    height: 50px;

    line-height: 50px;

    font-weight: bold;

    background: #F86400;

    text-align: center;

}





/*rpo驻场招聘*/



.rpo {

    margin: 60px auto;

}



.rpo ul {

    display: flex;

    align-items: center;

}



.rpo ul li {

    width: 23%;

    margin: 40px 1%;

    height: 55px;

    line-height: 55px;

    text-align: center;

    color: #fff;

    font-weight: bold;

}



.pro-adv-con {

    display: flex;

    align-items: center;

    border: 1px solid #dfdfdf;

    border-radius: 15px;

}



.pro-adv-con img {

    width: 350px;

    height: 350px;

    object-fit: cover;

    border-radius: 20px;

    margin: 30px;

}



.pro-adv-con div {

    width: 760px;

    margin-left: 10px;

}



.pro-adv-con p {

    margin-bottom: 30px;

    color: #666;

    font-size: 14px;

    line-height: 25px;

    text-indent: 2em;

}



.pro-adv-con p span {

    color: #F86400

}





/*服务岗位*/



.post {

    margin: 60px auto;

}



.post ul {

    display: flex;

    align-items: center;

    margin: 40px auto;

}



.post ul li {

    margin: 0px 0.5%;

    width: 19%;

    background: #f4f4f4;

    height: 385px;

    color: #000;

}



.post ul li div {

    font-size: 18px;

    font-weight: bold;

    margin: 30px auto;

    text-align: center;

}



.post ul li p {

    font-size: 14px;

    line-height: 25px;

    padding-left: 70px;

}



.post ul li span {

    margin: 0px 8px;

}



.post ul li:hover {

    background: #F86400;

    color: #fff;

}



.post ul li:last-child {

    text-align: center;

}



.post ul li:last-child img {

    width: 40%;

    margin-top: 140px;

    cursor: pointer;

}



.post ul li:last-child:hover {

    background: #f4f4f4;

}





/*服务流程*/



.precess {

    width: 1100px;

    margin: 60px auto;

}



.post-number {

    display: flex;

    position: relative;

    margin: 40px auto;

}



.post-img {

    height: 500px;

    border: 1px dotted red;

    border-radius: 25px;

    border-bottom: none;

    width: 350px;

    position: relative;

}



.post-img-con:first-child {

    position: absolute;

    left: -55px;

    bottom: 0px;

}



.post-img-con:last-child {

    position: absolute;

    left: -55px;

    top: 30px;

}



.post-img-con div {

    width: 270px;

    font-weight: bold;

    margin-bottom: 10px;

}



.post-img img {

    width: 110px;

    height: 140px;

}



.post-img2,

.post-img3,

.post-img4 {

    display: flex;

}



.post-img3,

.post-img-con {

    display: flex;

    align-items: center;

}



.post-img2 {

    border: none;

    border-bottom: 1px dotted red;

    border-radius: 25px;

    position: relative;

    width: 500px;

}



.post-img3:first-child {

    top: 250px;

    position: absolute;

    left: -55px;

}



.post-img3:last-child {

    top: 30px;

    position: absolute;

    right: -55px;

    z-index: 2;

}



.post-img3 div {

    width: 300px;

    margin: 0px 10px;

    font-weight: bold;

    margin-bottom: 10px;

}



.post-img3 div span,

.post-img4 div span,

.post-img-con span {

    font-size: 18px;

    font-weight: bold;

    color: #F86400;

    margin: 0px 5px;

}



.post-img3 div p,

.post-img4 div p,

.post-img-con p {

    font-size: 13px;

    color: #666;

    line-height: 20px;

    margin: 0px 15px;

    font-weight: 400;

}



.post-img4 {

    position: relative;

}



.post-img4 img {

    position: absolute;

    bottom: 0px;

    right: -55px;

}



.postimg5 {

    position: absolute;

    bottom: 30px;

    right: 60px;

    margin-left: 20px;

    text-align: right;

    width: 270px;

}



.postimg5 div {

    font-weight: bold;

    margin-bottom: 10px;

}





/*驻场专职招聘*/



.scenario {

    margin: 60px auto;

}



.scenario ul {

    display: flex;

    align-items: center;

    margin: 40px auto;

}



.scenario ul li {

    width: 25%;

    text-align: center;

}



.scenario ul li img {

    width: 100%;

    height: 300px;

    object-fit: cover;

}



.scenario ul li div {

    margin: 30px auto;

    width: 30px;

    height: 30px;

    text-align: center;

    line-height: 30px;

    font-weight: bold;

    border: 1px solid #dfdfdf;

}



.scenario ul li p {

    color: #F86400;

    font-size: 18px;

    padding-bottom: 35px;

}





/*服务区别*/



.pk {

    margin: 60px auto;

}



.pk ul {

    display: flex;

    align-items: center;

    position: relative;

    margin: 60px auto;

}



.pk ul li {

    width: 50%;

    padding: 15px 0px;

}



.pk ul img {

    width: 200px;

    margin: auto;

    position: absolute;

    left: 0;

    right: 0;

}



.pk li:first-child {

    background: #d9d9d9;

}



.pk li:last-child {

    background: #eecfbb;

    text-align: right;

}



.pk li div {

    margin: 0px 15px 15px;

    font-size: 20px;

}



.pk li p {

    margin: 0px 15px;

    font-size: 12px;

    line-height: 20px;

}





/*业务优势*/



.bus {

    margin: 100px auto;

}



.bus ul {

    display: flex;

    align-items: center;

    margin: 90px auto;

}



.bus ul li {

    width: 23%;

    margin: 0px 1%;

    height: 165px;

    text-align: center;

    color: #fff;

}



.bus ul li img {

    width: 100px;

    margin-top: -50px;

}



.bus ul li div {

    margin: 10px auto;

    font-size: 18px;

}



.bus ul li p {

    font-size: 14px;

    line-height: 20px;

}





/*驻场人员*/



.res {

    margin: 60px auto;

}



.res ul {

    margin: 40px auto;

    display: flex;

}



.res ul li {

    width: 15%;

    margin: 20px 5%;

    text-align: center;

    position: relative;

}



.res ul li img {

    width: 80%;

}



.res ul li div {

    color: #fff;

    font-size: 18px;

    line-height: 30px;

    position: absolute;

    top: 60px;

    width: 90px;

    margin: auto;

    left: 0;

    right: 0;

    font-weight: bold;

}



.res-con {

    font-size: 14px;

    color: #666;

    line-height: 25px;

    margin-top: 15px;

}





/*猎头服务*/



.head {

    margin: 60px auto;

}



.head-left {

    width: 350px;

    float: left;

    margin: 0px 123px;

    border: 1px solid #dfdfdf;

    height: 350px;

}



.head-right {

    width: 350px;

    float: right;

    margin: 0px 123px;

    text-align: center;

    border: 1px solid #dfdfdf;

    height: 350px;

}



.head-left div,

.head-right div {

    font-weight: bold;

    margin: 45px auto;

    text-align: center;

}



.head-left p,

.head-right p {

    font-size: 14px;

    margin: 0px 45px;

    line-height: 25px;

}



.head-right p {

    line-height: 160px;

}



.head-right:hover,

.head-left:hover {

    background: #F86400;

    color: #fff;

}





/*校园实习生*/



.stu {

    margin: 60px auto

}



.stu-left {

    width: 650px;

    float: left;

}



.stu-right {

    width: 500px;

    float: right;

}



.stu-con {

    display: flex;

    align-items: center;

}



.stu-con div {

    position: relative;

    width: 315px;

    margin-right: 20px;

}



.stu-bottom {

    position: relative;

    width: 100%;

    margin-top: 25px;

}



.stu-con div img,

.stu-bottom img {

    width: 100%;

    height: 315px;

    object-fit: cover;

}



.stu-con div:last-child {

    margin-right: 0px;

}



.stu-con div p,

.stu-bottom p {

    position: absolute;

    bottom: 3px;

    background: rgba(0, 0, 0, 0.5);

    color: #fff;

    text-align: center;

    line-height: 50px;

    width: 100%

}



.stu-right {

    position: relative;

}



.stu-right div {

    position: absolute;

    width: 300px;

    margin: auto;

    left: 0px;

    right: 0px;

    top: 240px;

    color: #fff;

    font-weight: bold;

    font-size: 18px;

    line-height: 50px;

    text-align: center;

}





/*人事代理*/



.per-left2 {

    position: absolute;

    right: 0px;

}



.per-right2,

.per-right2 div {

    left: 0px;

}



.per-right2 img {

    left: 20px;

}





/*新闻中心*/



.news {

    margin: 40px auto;

}



.news ul {

    border-bottom: 1px solid #dfdfdf;

}



.news ul li {

    margin: 40px auto;

    height: 220px;

}



.news ul a {

    display: flex;

    align-items: center;

    position: relative;

    height: 100%

}



.xinwen {

    width: 850px;

}



.new-title {

    margin-top: 10px;

    font-size: 20px;

}



.news-line {

    border-top: 2px solid #F86400;

    width: 50px;

    margin: 10px 0px 20px

}



.news-con {

    font-size: 14px;

    color: #666;

    margin-right: 50px;

}



.news-time {

    margin: 25px 0px 15px;

    font-size: 14px;

    color: #666;

}



.news-more {

    width: 145px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    color: #fff;

    background: #F86400;

    font-size: 14px;

}



.news ul a img {

    width: 340px;

    height: 220px;

    object-fit: cover;

    position: absolute;

    right: 0px;

    top: 0px;

}



.small-new {

    line-height: 50px;

    font-size: 18px;

}



.small-new a {

    display: flex;

    align-items: center;

    position: relative;

}



.small-new li:hover a {

    color: #F86400;

}



.small-new span {

    position: absolute;

    right: 0px;

    font-size: 14px;

    color: #666;

}



.mobile-small-new {

    display: none;

}





/*页数*/



.ye {

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 60px auto;

}



.ye a {

    display: block;

    padding: 5px 10px;

    text-align: center;

    line-height: 20px;

    border: 1px solid #dfdfdf;

    font-size: 14px;

    margin: 0px 10px;

}



.ye a:hover {

    background: #F86400;

    color: #fff;

    border: 1px solid #F86400;

}





/*新闻详情页面*/



.detalis-top {

    padding: 30px 0px 15px;

    border-bottom: 1px dotted #dfdfdf;

}



.details-title {

    font-size: 24px;

    line-height: 60px;

}



.details-time {

    font-size: 14px;

    color: #666;

}



.details-time span {

    margin-left: 30px;

}



.details-con {

    width: 880px;

    margin: 0 auto;

}



.details-con p {

    font-size: 14px;

    font-weight: bold;

    margin: 25px auto;

    text-indent: 2em;

    line-height: 20px;

    color: #666;

}



.details-con div {

    font-weight: bold;

    color: #666;

    font-size: 15px;

    margin: 5px auto;

    text-indent: 2em;

}



.detailes-number {

    margin: 5px auto!important;

}



.detailes-img {

    margin: 30px auto!important;

    text-align: center;

}



.detailes-img img {

    width: 100%;

    height: 460px;

    object-fit: cover;

}





/*上一篇下一篇*/



.previous {

    float: left;

    color: #999;

    font-size: 14px;

    margin: 50px;

}



.next {

    float: right;

    color: #999;

    font-size: 14px;

    margin: 50px;

}



.previous:hover,

.next:hover {

    color: #F86400

}





/*更多新闻动态*/



.details-more {

    width: 900px;

    margin: 0 auto;

}



.details-more-title {

    display: flex;

    align-items: center;

}



.details-more-title p {

    width: 130px;

    font-size: 14px;

    color: #999;

}



.details-more-title div {

    width: 1050px;

    height: 1px;

    background: #dfdfdf;

}



.xinwen2 {

    width: 660px

}





/*公司介绍页面*/



.about {

    margin: 60px auto;

}



.about-left {

    width: 25%;

    background: #f2f2f2;

    position: relative;

    float: left;

    height: 550px;

    overflow: hidden;

}



.about-left img {

    position: absolute;

    bottom: -0px;

    height: 280px;

    margin-right: 10px;

    margin: auto;

    left: 0;

    right: 0;

    object-fit: cover;

}



.about-left-con {

    margin: 35px 35px;

    border: 1px solid #F86400;

    border-bottom: none;

    height: 80%

}



.about-english {

    color: #999;

    font-size: 18px;

    margin: 30px 20px 0px 20px;

}



.about-chinese {

    font-size: 24px;

    margin: 0px 20px 0px 20px;

}



.news-line2 {

    margin: 10px 20px 30px!important;

    width: 50px!important;

}



.about-left-con div {

    margin: 15px auto;

    width: 80%;

    color: #fff;

    background: #F86400;

    text-align: center;

    line-height: 30px;

    font-size: 14px;

}



.about-right {

    float: right;

    width: 73%;

}



.about-right ul {

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 30px;

}



.about-right ul li {

    width: 23%;

    margin: 0px 1%;

    display: flex;

    align-items: center;

    border: 1px solid #dfdfdf;

    font-size: 14px;

    color: #666;

}



.about-right ul li img {

    width: 60px;

    height: 60px;

    margin-right: 15px;

}



.about-right-con {

    display: flex;

    align-items: center;

    margin-top: 100px;

}



.about-right-con img {

    width: 360px;

    height: 320px;

    object-fit: cover;

    margin-right: 30px;

}



.about-right-con p {

    font-size: 14px;

    color: #666;

    line-height: 20px;

    text-indent: 2em;

    margin: 20px auto;

}





/*发展历程*/



.deve {

    width: 100%;

    height: 600px;

    background: url(../images/fa_bc.jpg) no-repeat;

    background-size: 100% 100%;

    margin: 60px auto;

    position: relative;

}



.deve img {

    position: absolute;

    top: 300px;

    width: 100%;

}



.history {

    height: 100%;

    padding: 40px 0px;

}



.history ul {

    display: flex;

    align-items: center;

    color: #fff;

    position: relative;

}



.history li {

    width: 20%;

    text-align: center;

}



.history li p,

.history li div {

    width: 60%;

    margin: 0 auto;

}



.history li:nth-child(even) {

    margin-top: -190px;

}



.history li:nth-child(odd) {

    margin-top: 300px;

}



.history li div {

    color: #F86400;

    font-weight: bold;

}



.history li p {

    font-size: 14px;

    line-height: 20px;

    text-align: left;

    margin-top: 10px;

}





/*内部招聘*/



.recruit {

    margin: 40px auto;

}



.recruit-left {

    float: left;

    width: 43%;

}



.recruit-right {

    float: right;

    width: 43%;

}



.recruit-right div,

.recruit-left div {

    margin: 25px auto;

}



.rec-title {

    text-align: center;

    line-height: 80px;

    font-size: 32px;

    font-weight: bold;

    margin: 20px auto;

}



.rec-small-title {

    font-size: 16px!important;

    font-weight: bold;

    margin-bottom: 10px;

}



.recruit-right p,

.recruit-left p {

    font-size: 14px;

    line-height: 22px;

    margin: 5px 0px;

}



.recruit-left2 {

    height: 400px;

    text-align: center;

    width: 25%;

    float: left;

}



.recruit-left2 img {

    margin-top: 100px;

    width: 50%;

}





/*联系我们*/



.callus {

    margin: 60px auto;

}



#allmap {

    height: 520px;

    width: 100%;

}



.callus ul {

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 60px auto;

}



.callus ul li {

    width: 33%;

    border: 1px solid #dfdfdf;

    text-align: center;

    height: 220px;

}



.callus ul li img {

    width: 48px;

    margin: 50px 0px 25px;

}



.callus ul li p {

    line-height: 30px;

}





/*rpo登录*/



.rop-login-top {

    display: flex;

    align-items: center;

    color: #fff;

    padding-bottom: 5px;

    border-bottom: 1px solid #366d8e;

}



.rop-login-top img {

    width: 37px;

    margin: 5px 10px 5px 30px;

}



.rpo-login-con {

    margin-top: 235px;

    display: flex;

    align-items: center;

}



.rpo-login-con-left,

.rpo-login-con-right {

    width: 50%;

    text-align: center;

}



.rpo-login-con-left div {

    display: flex;

    align-items: center;

    line-height: 50px;

    font-size: 18px;

    color: #fff;

}



.rpo-login-con-left div span {

    font-weight: bold;

    margin-right: 10px;

}



.rpo-login-line {

    width: 150px;

    height: 1px;

    background: #fff;

    margin: 20px 0px 60px;

}



.if {

    margin: 20px 0px;

    color: #96b6c1;

    font-size: 14px;

    text-align: left;

}



.kehu {

    width: 80%;

    margin: 0 auto;

    border-radius: 10px;

    background: #fff;

    padding: 15px 0px

}



.rpo-logo {

    width: 150px;

    margin: -75px auto 20px;

}



.kehu div {

    display: flex;

    align-items: center;

    width: 70%;

}



.rpo-input {

    margin: 20px auto;

    height: 40px;

    border: 1px solid #dfdfdf;

    border-radius: 10px;

}



.rpo-input input {

    border: none;

    outline: none;

}



.rpo-input img {

    margin-left: 15px;

    width: 20px;

}



.rpo-input span {

    margin: 0px 15px

}



.rpo-button {

    margin: 20px auto;

}



.rpo-button button {

    width: 100%;

    heigth: 35px;

    border: none;

    background: #009688;

    color: #fff;

    line-height: 35px;

    border-radius: 10px;

}



.rpo-forget {

    margin: 20px auto;

    position: relative;

}



.rpo-forget div input {

    margin-right: 7px;

}



.rpo-forget a {

    position: absolute;

    right: 0px;

}



.rpo-forget a:hover {

    color: #009688

}



.kehu-bottom {

    text-align: center;

    display: block!important;

    margin: 0 auto;

}



.if2 {

    margin: 20px 0px;

    color: #96b6c1;

    font-size: 14px;

}





/*外包客户登录*/



.waibao {

    padding-top: 150px;

    display: flex;

    align-items: center;

}



.waibao-logo {

    position: absolute;

    top: 10px;

    right: 10px;

    width: 100px;

}



.waibao-login {

    width: 70%;

    margin: 0 auto;

    background: #fff;

    position: relative;

    border-radius: 10px;

    overflow: hidden;

}



.waibao-login div {

    display: flex;

    align-items: center;

    width: 70%;

}



.waibao-top {

    margin: 20px auto;

    font-size: 22px;

    color: #0069ce;

    padding: 70px 0px 20px;

}



.waibao-top img {

    width: 40px;

    margin-right: 10px;

}



.login-shape {

    width: 100%;

    margin-bottom: -10px;

}





/*底部*/



.bot {

    width: 100%;

    height: 500px;

    margin: 30px auto 0px;

    background: url(../images/bottom.png) no-repeat;

    background-size: 100% 100%;

}



.bottom-left {

    float: left;

    width: 600px;

}



.logo2 {

    width: 150px;

    margin: 100px 0px 20px;

}



.bottom-call {

    background: #f86400;

    color: #fff;

    width: 250px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    font-size: 20px;

    font-weight: bold;

    margin: 15px 0px;

}



.bottom-adress {

    color: #fff;

    display: flex;

    align-items: center;

    margin-top: 20px;

    font-size: 15px;

}



.bottom-adress img {

    margin-right: 8px;

    width: 20px;

}



.bottom-right {

    float: right;

    width: 50%;

    background: rgba(248, 100, 0, 0.5);

    height: 100%;

    position: relative;

}



.liuyan {

    color: #fff;

    font-size: 36px;

    font-weight: bold;

    margin: 40px 40px;

}



.liuyan span {

    font-size: 14px;

    font-weight: 100;

}



.bottom-input {

    display: flex;

    /* align-items: center; */

    margin: 20px 40px;

    height: 30px;

    line-height: 30px;

    color: #fff;

}



.bottom-input p {

    width: 90px;

}



.bottom-input input {

    background: #fff;

    width: 210px;

    padding: 0px 5px;

    height: 30px;

    line-height: 30px;

}



.bottom-input2 {

    height: auto;

}



.bottom-input textarea {

    background: #fff;

    width: 210px;

    height: 120px;

    padding: 5px;

    line-height: 30px;

}



.bottom-button {

    background: #F86400;

    color: #fff;

    margin: 25px 40px;

    border: none;

    border-radius: 10px;

    display: block;

    width: 150px;

    height: 40px;

    line-height: 40px;

}





/*免费咨询*/



.free {

    width: 320px;

    position: absolute;

    bottom: 0px;

    right: 35px;

    background: #fff;

    display: none;

}



.free-title {

    background: #E80F0F;

    color: #fff;

    position: relative;

    width: 100%;

    height: 30px;

    line-height: 30px;

    font-size: 14px;

    display: flex;

    align-items: center;

}



.free-title p {

    margin-left: 15px;

}



.free-title span {

    position: absolute;

    right: 15px;

    font-weight: 800;

    font-size: 18px;

    cursor: pointer;

}



.free-call {

    color: #474747;

    font-size: 24px;

    height: 80px;

    border-bottom: 1px solid #dfdfdf;

    text-align: center;

    line-height: 30px;

    margin-top: 10px;

}



.free-call p:first-child {

    font-size: 18px;

}



.free-input {

    display: flex;

    align-items: center;

    margin: 20px;

}



.free-input p {

    font-size: 14px;

    width: 70px;

}



.free-input select,

.free-input input {

    width: 200px;

    height: 30px;

    line-height: 30px;

}



.free-button {

    width: 100px;

    height: 30px;

    margin: 30px auto 10px;

}



.free-button button {

    line-height: 30px;

    font-size: 14px;

    background: #E80F0F;

    color: #fff;

    width: 100%;

    height: 100%;

    border-radius: 10px;

    border: none

}



.free-title2 {

    background: #E80F0F;

    color: #fff;

    position: absolute;

    bottom: 0px;

    right: 35px;

    width: 320px;

    height: 30px;

    line-height: 30px;

    font-size: 14px;

    display: flex;

    align-items: center;

}



.free-title2 p {

    margin-left: 15px;

    font-size: 15px;

}



.free-title2 div {

    border: 2px solid #fff;

    width: 10px;

    height: 10px;

    float: right;

    position: absolute;

    right: 15px;

    cursor: pointer;

}



.foot {

    width: 100%;

    height: 30px;

    line-height: 30px;

    text-align: center;

    color: #fff;

    font-size: 13px;

    background: #000;

}





/*咨询窗口*/



.zixun {

    width: 550px;

    height: 200px;

    overflow: hidden;

    display: flex;

    background: #0688db;

    border-radius: 10px;

    position: fixed;

    margin: auto;

    left: 0px;

    right: 0px;

    top: 30%;

    z-index: 2;

    color: #fff;

}



.zixun img {

    width: 50%;

    height: 100%;

    object-fit: cover;

}



.zixun-con {

    margin-left: -60!important;

}



.zixun-title {

    font-size: 24px;

    font-weight: bold;

    margin: 32px 3px 11px 33px;

}



.zixun-con p {

    font-size: 15px;

    margin-left: 14px;

}



.zixun-button {

    display: flex;

    align-items: center;

}



.zixun-button button {

    margin: 35px 15px 0px 3px;

    width: 110px;

    height: 40px;

    line-height: 40px;

    border: 2px solid #fff;

    background: none;

    border-radius: 10px;

    color: #fff;

    cursor: pointer;

}





/*左侧悬浮窗*/



.left {

    position: fixed;

    top: 25%;

    right: 0px;

    z-index: 2;

}



.left ul {

    width: 75px;

}



.left li {

    height: 75px;

    text-align: center;

    margin: 5px 0px;

    position: relative;

    color: #fff;

    background: #f86400;

}



.left li a {

    color: #fff;

}



.left li p {

    font-size: 14px;

}





/* 

.number {

    display: none;

} */



.fang {

    position: absolute;

    right: 86px;

    top: 20px;

    background: #e80f0f;

    width: 130px;

    line-height: 40px;

    height: 40px;

}



.sanjiao {

    width: 0;

    height: 0;

    border: 10px solid transparent;

    border-left-color: #E80F0F;

    position: absolute;

    right: 70px;

    top: 30px;

}



.left li img {

    width: 30px;

    margin-top: 15px;

}



.left li:hover {

    background: #e80f0f;

}



.left li:hover .number {

    display: block;

}





/* 新增——企业培训 */



.t-clear::after {

    content: "";

    display: block;

    clear: both;

    visibility: hidden;

}



.t-clear {

    zoom: 1;

}



.t-list {

    margin: 40px auto;

}



.t-list li {

    width: 30%;

    float: left;

    margin-left: 3%;

    text-align: center;

}



.tlist-year {

    color: #f86400;

}



.tlist-l {

    font-size: 94px;

}



.tlist-m {

    font-size: 50px;

    vertical-align: top;

}



.tlist-s {

    font-size: 40px;

    margin-left: 10px;

}



.tlist-year p {

    color: #333;

    font-size: 21px;

    margin-top: 10px;

}



.tlistimg {

    margin-top: 40px;

}



.tlistimg img {

    width: 100%;

    transition: all .6s;

    object-fit: cover;

}



.tlistimgcon {

    width: 100%;

    height: 180px;

    overflow: hidden;

}



.tlistimg img:hover {

    transform: scale(1.2);

}



.tlistimg p {

    text-align: left;

    font-size: 16px;

    color: #333;

    margin-top: 15px;

}





/* 企培服务 */



.t-service {

    padding: 40px 0;

    background: url(../images/t-servicebg.jpg) no-repeat center;

    background-size: cover;

}



.ts-title {

    color: #333;

    font-weight: bold;

    text-align: center;

}



.ts-title h3 {

    font-size: 32px;

    font-weight: bold;

}



.ts-title p {

    font-size: 20px;

    margin-top: 10px;

}



.ts-con {

    margin-top: 70px;

}



.ts-con li {

    width: 30%;

    float: left;

    margin-right: 5%;

    text-align: center;

    color: #333;

    padding-top: 180px;

    height: 370px;

    border-radius: 5px;

    transition: all .2s;

    box-sizing: border-box;

}



.ts-con li:hover {

    color: #f86400;

}



.ts-con h4 {

    font-size: 22px;

    font-weight: bold;

    padding: 25px 0;

}



.ts-con p {

    font-size: 16px;

    line-height: 25px;

}



.ts-con .one {

    background: url(../images/ts-img1.png) no-repeat center 40px;

    background-color: #fff;

}



.ts-con .one:hover {

    background: url(../images/ts-img11.png) no-repeat center 40px;

    background-color: #fff;

}



.ts-con .two {

    background: url(../images/ts-img2.png) no-repeat center 40px;

    background-color: #fff;

}



.ts-con .two:hover {

    background: url(../images/ts-img22.png) no-repeat center 40px;

    background-color: #fff;

}



.ts-con .three {

    margin-right: 0;

    background: url(../images/ts-img3.png) no-repeat center 40px;

    background-color: #fff;

}



.ts-con .three:hover {

    background: url(../images/ts-img33.png) no-repeat center 40px;

    background-color: #fff;

}





/* 培训课程安排 */



.t-train {

    padding: 40px 0;

    background-color: #fff;

}



.tt-con {

    margin-top: 70px;

}



.tt-con li {

    color: #333;

    width: 21%;

    float: left;

    margin: 2%;

    height: 320px;

    padding: 40px 20px;

    background-color: #f1f1f1;

    margin-top: 30px;

    box-sizing: border-box;

    border-radius: 5px;

    transition: all .2s;

}



.tt-con li:hover {

    color: #fff;

    background: url(../images/tt-bg.png) no-repeat center;

}



.tt-con li:last-child {

    background: url(../images/tt-add1.png) no-repeat center;

    background-color: #f1f1f1;

    cursor: pointer;

}



.tt-con h4 {

    font-size: 16px;

    font-weight: bold;

}



.tt-con p {

    font-size: 14px;

    height: 110px;

    margin-top: 60px;

}



.tt-con span {

    font-size: 14px;

}



.tt-con .tt-people {

    font-size: 18px;

}